<script src="scripts/Proyecto/Graficos.js"></script>




<section class="panel panel-default">

  <div class="panel-body">
  
    <div class="row">
  
      <div class="col-md-8 col-md-offset-2">

        <form class="form" role="form">

          <div class="form-group">
            <label for="proyecto" class="col-md-4 control-label">Proyecto</label>
            <select class="form-control" id="proyecto" tooltip-placement="top" tooltip="Seleccione el proyecto a analizar" tooltip-append-to-body="true">
              <option></option>
            </select>
          </div>

          <div class="form-group">
            <label for="variable1" class="col-md-4 control-label">Variable 1</label>
            <select class="form-control" id="variable1" tooltip-placement="top" tooltip="Selecciona la primera de análisis" tooltip-append-to-body="true">
              <option></option>
            </select>
          </div>

          <div class="form-group">
            <label for="variable2" class="col-md-4 control-label">Variable 2</label>
            <select class="form-control" id="variable2" tooltip-placement="top" tooltip="Seleccione la seguna variablde análisis (opcional)" tooltip-append-to-body="true">
              <option></option>
            </select>
          </div>

          <div class="form-group">
            <label for="tipo" class="col-md-4 control-label">Agrupamiento</label>
            <select class="form-control" id="tipo" tooltip-placement="top" tooltip="Seleccione un criterio de agrupamiento para la totalización" tooltip-append-to-body="true">
              <option>Suma de centimetraje</option>
              <option>Cuenta de textos</option>
              <option>Relevancia de palabras clave</option>
            </select>
          </div>

          <div class="form-group">
            <label for="fechaInicio" class="col-md-4 control-label">Fecha inicial</label>
            <div class="btn-group" dropdown is-open="status.isopen">
              <input type="text" id="fechaInicio" class="form-control" tooltip-placement="top" tooltip="Gráfico de sectores para una variable" tooltip-append-to-body="true">
            </input>
          </div>
        </div>

        <div class="form-group">
          <label for="fechaFin" class="col-md-4 control-label">Fecha final</label>
          <div class="btn-group" dropdown is-open="status.isopen">
            <input type="text" id="fechaFin" class="form-control" tooltip-placement="top" tooltip="Gráfico de sectores para una variable" tooltip-append-to-body="true">
          </input>
        </div>
      </div>


      <span class="col-md-4 input-group ui-datepicker" data-ng-controller="DatepickerDemoCtrl">
        <input type="text" 
        class="form-control"
        datepicker-popup="{{format}}"
        ng-model="dt"
        is-open="opened"
        min="minDate"
        max="'2015-06-22'"
        datepicker-options="dateOptions" 
        date-disabled="disabled(date, mode)"
        ng-required="true" 
        close-text="Close"
        id="fechaInicio">
        <span class="input-group-addon" ng-click="open($event)"><i class="ti-calendar"></i></span>
      </span>

      <span class="col-md-4 input-group ui-datepicker" data-ng-controller="DatepickerDemoCtrl">
        <input type="text" 
        class="form-control"
        datepicker-popup="{{format}}"
        ng-model="dt"
        is-open="opened"
        min="minDate"
        max="'2015-06-22'"
        datepicker-options="dateOptions" 
        date-disabled="disabled(date, mode)"
        ng-required="true" 
        close-text="Close"
        id="fechaFin">
        <span class="input-group-addon" ng-click="open($event)"><i class="ti-calendar"></i></span>
      </span>

      <div class="well">
        <div class="container">

          <div class="col-md-3">
            <div class="btn-group">
              <button type="button" class="btn btn-primary">
                <a href="" tooltip-placement="top" tooltip="Gráfico de sectores para una variable" tooltip-append-to-body="true">
                  <i class="ti-pie-chart" style="color:white"></i>
                </a>
              </button>
              <button type="button" class="btn btn-primary">
                <a href="" tooltip-placement="top" tooltip="Gráfico de sectores para una variable" tooltip-append-to-body="true">
                  <i class="ti-bar-chart-alt" style="color:white"></i>
                </a>                
              </button>
              <button type="button" class="btn btn-primary">
                <a href="" tooltip-placement="top" tooltip="Gráfico de sectores para una variable" tooltip-append-to-body="true">
                  <i class="ti-align-left" style="color:white"></i>
                </a>
              </button>
              <button type="button" class="btn btn-primary">
                <a href="" tooltip-placement="top" tooltip="Gráfico de sectores para una variable" tooltip-append-to-body="true">
                  <i class="ti-pulse" style="color:white"></i>
                </a>
              </button>
              <button type="button" class="btn btn-primary">
                <a href="" tooltip-placement="top" tooltip="Gráfico de sectores para una variable" tooltip-append-to-body="true">
                  <i class="ti-stats-up" style="color:white"></i>
                </a>
              </button>
            </div>
          </div>

          <div class="col-md-3 col-md-offset-1">
            <button type="button" class="btn btn-success btn-block" id="generar" tooltip-placement="top" tooltip="Genera el gráfico en una pestaña anexa" tooltip-append-to-body="true"><span class="ti-control-play"></span></button>
          </div>

        </div>
      </div>



<!--             <a href="" class="btn" id="torta" tooltip-placement="top" tooltip="Gráfico de sectores para una variable" tooltip-append-to-body="true"><span class="ti-pie-chart"></span></a>
            <a href="" class="btn" id="columna" tooltip-placement="top" tooltip="Gráfico columna, para una y dos variables" tooltip-append-to-body="true"><span class="ti-bar-chart-alt"></span></a>
            <a href="" class="btn" id="barra" tooltip-placement="top" tooltip="Gráfico de barras, para una y dos variables" tooltip-append-to-body="true"><span class="ti-align-left"></span></a>
            <a href="" class="btn" id="linea" tooltip-placement="top" tooltip="Histórico de relevancia, para una variable" tooltip-append-to-body="true"><span class="ti-pulse"></span></a>
            <a href="" class="btn" id="historico" tooltip-placement="top" tooltip="Histórico de orientación para una variable" tooltip-append-to-body="true"><span class="ti-stats-up"></span></a>
            <a href="" class="btn" id="matriz" tooltip-placement="top" tooltip="Matriz de relevancia y temas clave para una variable" tooltip-append-to-body="true"><span class="ti-layout-grid3"></span></a>
 -->



        </form>


      </div>
    </div>
  </div>
</section>
